<ion-view title="" hide-nav-bar="true">
    <ion-header-bar class="bar-positive">
        <h1 class="title">
            {{'maintain_wos_title'|i18ng}}
        </h1>
    </ion-header-bar>
    <ion-content class="has-header">
        <ion-list>
            <ion-item class="item item-divider" ng-repeat-start="ddv in data.ddvs">
                {{ddv}}
            </ion-item>

            <ion-item class="item-icon-right" ng-repeat="main in data.mains[ddv]" href="#/tab/maintenance/{{main.id}}">
                <div class="row">
                    <div class="col">
                        <h2>{{'maintain_wos_id'|i18ng}}</h2>
                    </div>
                    <div class="col">
                        <h2>{{main.eam_wo_id}}</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <h3>{{main.eam_component_id}}</h3>
                    </div>
                    <div class="col" ng-bind-html="TrustDangerousSnippet(main.eam_root_cause)">
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <h3 style="color:gray;" ng-bind-html="main.eam_timestamp|relativets"></h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <h3>{{'maintain_wos_level'|i18ng}}</h3>
                    </div>
                    <div class="col">
                        <h3 style="color:red;">{{main.eam_alarm_level}}</h3>
                    </div>
                </div>
                <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
            <div ng-repeat-end></div>
        </ion-list>
    </ion-content>

</ion-view>
